<html>
<head>
  <style>
    //input#time { border:1px solid black; }
    //input#time:focus { border:1px solid red; }

    /*input#time > caption > span.hour { border:1px solid black; }
    input#time > caption > span.minute { border:1px solid blue; }
    input#time > caption > span.second { border:1px solid green; }
    input#time > caption > span.ampm { border:1px solid red; }*/
    
    /* button { display: block; } */
  </style>  
  <script type="text/tiscript">
  </script>  
</head>
<body>
  <h1>Time input</h1>
  Time: <input type="time" id="time" value="now" />
</body>
</html>